<!DOCTYPE html><html lang="zh-cn">
<head> 
<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" /> 
<meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="format-detection" content="email=no" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="format-detection" content="telephone=no" /> <meta name="renderer" content="webkit"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-title" content="Amaze UI" /> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" /> 
<title>[简历]谭茵-前端开发工程师/广州</title> 
<link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon"> 
<link rel="stylesheet" href="assets/css/typo.css"> <link rel="stylesheet" href="assets/css/font-awesome.min.css"> 
<link rel="stylesheet" href="assets/css/index.css"> 
<script> function loading() { document.getElementsByClassName('avatar')[0].style.display = 'block'; document.getElementsByClassName('loading')[0].style.display = 'none'; } 
</script>
</head>


<body>
<header class="header"></header>
<article class="container">
 <section class="side" id="side">
<!-- 左栏固定开关，记得及时删除这段代码 Start--> 
<label class="switch" style="display: none;" onchange="switchFixed()"> <script type="text/javaScript"> function switchFixed(){ var value = document.getElementById('side').style.position === 'fixed' ? 'absolute' : 'fixed'; document.getElementById('side').style.position = value; } </script> <input id="cb" type="checkbox"> <span class="slider round"></span> </label> <style> @media (min-width: 750px){ .switch{position:relative;display:inline-block!important;width:60px;height:34px;} .switch input{display:none;} .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;} .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;} input:checked + .slider{background-color:#1abc9c;} input:focus + .slider{box-shadow:0 0 1px #1abc9c;} input:checked + .slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);}.slider.round{border-radius:34px;} .slider.round:before{border-radius:50%;} } </style>
 <!-- 左侧固定开关，记得及时删除这段代码 End-->


<!-- 个人肖像 --> 
<section class="me"> 
    <section class="portrait">
     <div class="loading"> </div> 
    <!-- 头像照片 --> 
    <img class="me" src="assets/images/baidi.jpg" style="display:block">
     </section>
<h1 class="name">谭茵</h1> 
<h4 class="info-job">前端开发工程师 / 广州</h4>
</section>


<!-- 基本信息 --> <section class="profile info-unit">
 <h2>
  <i class="fa fa-user" aria-hidden="true" style="color: pink " ></i>
基本信息</h2>
 <hr/> 
 <ul> 
    <li>
     <label>个人信息</label>
      <span>谭茵 / 女 / 18</span> 
  </li> 
  <li>
   <label>英语水平</label>
   <span>未来会考四六级</span>
    </li>
     <li> 
        <label>计算机水平</label>
         <span>有考级打算</span> 
     </li> 
 </ul> 
</section>


<!-- 联系方式 --> 
<section class="contact info-unit"> <h2>
 <i class="fa fa-book fa-spin" aria-hidden="true "style="color: pink "></i>
  <em> 找我的方式有以下几种 </em> 
</h2> 
<hr/>
 <ul>
  <li> <i class="fa fa-phone" aria-hidden="true" style="color: pink ">
  </i> 
<label>Phone number</label> 
<a href="tel:17846665771" target="_blank">17846665771</a> 
</li>
 <li> 
<i class="fa fa-qq" aria-hidden="true" style="color: pink "></i>
 <label>邮箱</label> 
<a href="mailto:497946741@qq.com" target="_blank">497946741@qq.com</a> 
</li> 
<li> <i class="fa fa-map-o" aria-hidden="true" style="color: pink " spin fa-spin></i>
 <label>个人主页</label>
  <a href="https://gitee.com/chestnut-liz" target="_blank">https://gitee.com/chestnut-liz</a> 
</li> 
<li> 
    <i class="fa fa-github" aria-hidden="true" style="color: pink "></i>
     <label>Github</label> 
     <a href="https://github.com/Lizzz123" target="_blank">https://github.com/Lizzz123</a>
 </li> 
</ul> 
</section>


<!-- 技能点 --> 
<section class="skill info-unit"> 
<h2> 
    <i class="fa fa-diamond" aria-hidden="true" style="color: pink "></i> 技能点</h2>
 <hr/> 
<ul>
 <li>
 <label>HTML</label> <progress value="90" max="80"></progress>
 </li> 
<li>
 <label>CSS</label>
 <progress value="55" max="90"></progress> 
</li> 
<li> 
<label>JavaScript</label>
 <progress value="0" max="10"></progress> </li> 
<li> 
<label>C语言</label> <progress value="30" max="90"></progress>
 </li>
 <li> 
<label>Node.js</label> <progress value="20" max="60"></progress> 
</li> 
<li>
 <label>小程序</label> 
<progress value="100" max="100"></progress>
 </li> 
</ul> 
</section>
<section class="qrcode info-unit">
 <h2><i class="fa fa-qrcode" aria-hidden="true" style="color: pink "></i>二维码</h2>
 <hr/> 
<img calss="QR CODE" src="assets/images/QR CODE.jpg" style="width: 100%;" alt=""> </section>


<!-- 技术栈 -->
 <!-- <div class="stack info-unit">
 <h2><i class="fa fa-code" aria-hidden="true"></i>其他</h2> 
<hr/> <ul> 
<li> 
<label>前端</label> 
<span>React、jQuery、微信小程序、Bootstrap、SASS、LESS</span>
 </li> 
<li>
 <label>后端</label>
 <span>Node.js、MySQL、MongoDB、WordPress、ThinkPHP</span> 
</li> 
<li> 
<label>其他</label>
 <span>Git、SVN、Markdown</span> 
</li> 
</ul> 
</div> -->
 </section>
<section class="main">


<!-- 教育经历 --> 
<section class="edu info-unit">
 <h2> 
<i class="fa fa-bookmark" aria-hidden="true" style="color: pink "></i> 
<br> 教育经历 </h2>
</br>
</h2> 
<hr/>
 <ul> 
    <li> 
        <h3> 
<span>广州南方学院 - 网络与新媒体专业（本科在读）</span>
 <time>2021.9.11</time>
 </h3>
 <p>专业排名
 <mark>广东省50000名</mark>，期间发表国际会议英文摘要X篇，国内核心期刊文章X篇（其中第一作者X篇），获XXX，XXX2次，XXX2次。(此处根据自身情况填写，可以突出自己的亮点，或者跟求职目标相关的内容)</p>
 </li> 
<li>
 <h3>荣山中学 - 历史类（高中）</span>
 <time>2018.9-2021.7</time> </h3>
 <p>专业排名 <mark>佛山市第128名</mark>，期间发表国内核心期刊文章X篇，三等奖学金X次。</p> 
</li>
 </ul> 
</section>


<!-- 工作经历 -->
 <section class="work info-unit">
 <h2>
 <i class="fa fa-hand-paper-o" aria-hidden="true" style="color: pink" ></i>工作经历</h2>
 <hr/> 
<ul> 
<li>
 <h3>
 <span>[经历1]广州南方有限公司－前端开发工程师（实习）</span> 
 <time>2021 至 2025</time>
 </h3> 
<ul class="info-content"> 
<li>深度参与前端开发工作，独立承担并完成功能点的开发，主要维护并修复功能点bug若干。项目采用技术栈 ，实现 </li>
 <li>配合UI和后端，根据产品需求提供H5页面嵌入到后台模板，要求 </li> <li>主要参与的静态页面开发工作，要求 </li> 
</ul>
 </li> 
<li> 
<h3> 

<span>[经历2]－前端开发工程师（实习）</span> 
<time>2021-2025</time>
 </h3> 
<ul class="info-content"> 
<li>努力学习
</li> 
</li>深度参与公司主线产品的前端开发工作，完成帖子快捷回复、 活动banner、帖子管理（使用Yii框架）等功能。项目采用技术栈phpWind+NAMP。 
<a href="http://itsay.tech/162/" target="_blank">
 <i class="fa fa-link" aria-hidden="true"></i>博客文章</a>。</li> 
<li>主要参与公司产品的前端开发工作，实现接入微博、微信、QQ等 
<li>深度参与公司主线产品「XXXX」的前端开发工作，完成帖子快捷回复、 活动banner、帖子管理（使用Yii框架）等功能。项目采用技术栈phpWind+NAMP。 <a href="http://itsay.tech/162/" target="_blank"> 
<i class="fa fa-link" aria-hidden="true"></i>博客文章</a>。</li> 
<li>主要参与公司产品「XXXX」的前端开发工作，实现接入微博、微信、QQ等
等功能。项目采用技术栈WordPress+NAMP。</li> 
<li>活动页面的开发（七夕活动、抽奖活动以及承接外包页面）。</li> 
<li>论坛 （CentOS+vsftpd+crontab） <a href="#" target="_blank"> <i class="fa fa-link" aria-hidden="true"></i>博客文章</a>。</li> 
</ul>
 </li>
 </ul>
</section>



<!-- 项目经验 -->
 <section class="project info-unit"> 
<h2> <i class="fa fa-globe" aria-hidden="true" style="color: pink" > </i>个人项目</h2> 
<hr/>
 <ul> 
<li> 
<h3> 
<span>[项目1]医学科学数据管理与共享平台</span> 
<span class="link">
 <a href="#" target="_blank">Demo</a>
 </span>
 <time>201X.X-201X.X</time>
 </h3> 
<ul class="info-content"> 
<li>技术栈：ThinkPHP+MongoDB+Axure</li>
 <li> 
<i class="fa fa-lightbulb-o" aria-hidden="true" style="color: pink" ></i> 实现多类型多来源医学科学数据的提交、管理和共享
 <br/> 
<i class="fa fa-american-sign-language-interpreting" aria-hidden="true"style="color: pink" ></i> 同 2 位同专业同学一起 <br/> 
<i class="fa fa-bullhorn" aria-hidden="true"style="color: pink" ></i> 完成从 等工作，主要负责系统原型、功能框架及数据提交流程、元数据及源数据的管理与共享方案的设计以及系统开发等工作 
<br/>
 <i class="fa fa-bicycle" aria-hidden="true"style="color: pink" ></i> 作品最终取得第三届共享杯国家级竞赛“一等奖” （2/2000）</li>
 </ul>
 </li>
 <li>
 <h3>
 <span>[项目2]肿瘤流行病数据可视化</span> 
<span class="link">
 <a href="#" target="_blank">Demo</a>
 </span> 
<time>201X.X-201X.X</time> 
</h3> 
<ul class="info-content">
 <li>技术栈：HTML 5+D3.js+ECharts+MySQL</li>
 <li> <i class="fa fa-cubes" aria-hidden="true"style="color: pink" ></i> 实现常见肿瘤流行病数据多维度可视化展示、数据透视及分析
 <br/>
 <i class="fa fa-eye" aria-hidden="true"style="color: pink" ></i> 
与 1 位同学
 <br/> 
<i class="fa fa-bolt" aria-hidden="true"style="color: pink" >></i>
 分析项目需求，清洗并整理相关数据(扩展第三方知识组织系统和 Google trends 数据)，并用 进行图形化展示以及实现简易自动分析 功能
 <br/> 
<i class="fa fa-flask" aria-hidden="true"style="color: pink"></i>
 作品取得第二届共享杯国家级竞赛“特等奖”(1/1500)
 </li> 
</ul>
 </li>
 <li>
 <h3> 
<span>[项目3]肿瘤流行病数据可视化</span> 
<span class="link"> 
<a href="#" target="_blank">Demo</a> </span>
 <time>201X.X-201X.X</time>
 </h3> 
<ul class="info-content">
 <li>技术栈：HTML 5+D3.js+ECharts+MySQL</li>
 <li> 
<i class="fa fa-hourglass-start" aria-hidden="true"style="color: pink"></i>
 实现常见肿瘤流行病数据多维度可视化展示、数据透视及分析 
<br/> 
<i class="fa fa-life-ring" aria-hidden="true"style="color: pink"></i> 与 1 位同学 
<br/> 
<i class="fa fa-pencil-square" aria-hidden="true"style="color: pink"></i>
 分析项目需求，清洗并整理相关数据(扩展第三方知识组织系统和 Google trends 数据)，并用 进行图形化展示以及实现简易自动分析功能 
<br/>
 <i class="fa fa-puzzle-piece" aria-hidden="true"style="color: pink"></i> 
作品取得第二届共享杯国家级竞赛“特等奖”(1/1500) </li>
 </ul> 
</li>
 <li> 
<h3> 
<span>[项目4]肿瘤流行病数据可视化</span> 
<span class="link"> 
<a href="#" target="_blank">Demo</a>
 </span> 
<time>201X.X-201X.X</time>
 </h3> 
<ul class="info-content">
 <li>技术栈：HTML 5+D3.js+ECharts+MySQL</li>
 <li>
 <i class="fa fa-shopping-basket" aria-hidden="true"style="color: pink"></i>
实现常见肿瘤流行病数据多维度可视化展示、数据透视及分析
 <br/>
 <i class="fa fa-star-half-o" aria-hidden="true"style="color:pink">
</i> 
与 1 位 
<br/>
 <i class="fa fa-snowflake-o" aria-hidden="true"style="color:pink">
</i>
 [贡献]分析项目需求，清洗并整理相关数据(扩展第三方知识组织系统和 Google trends 数据)，并用 进行图形化展示以及实现简易自动分析 功能 <br/>

<i class="fa fa-tree" aria-hidden="true"style="color: pink"></i>
作品取得第二届共享杯国家级竞赛“特等奖”(1/1500) </li> 
</ul>
 </li>
</ul> 
</section>



<!-- 自我评价 --> 
<section class="work info-unit">
 <h2>
<i class="fa fa-lightbulb-o" aria-hidden="true" style="color: pink" >
</i>
自我评价/期望
</h2>
<hr/>
 <p>[此处如果有一些能够量化的、且比较个性的指标会有加分，比如喜爱跑步坚持夜跑200小时或者200km等] <span class="mark-txt">“多静多思考，反省不张扬”</span>是我给自己总结的“十字箴言”，鞭策自己做人既不能以己度人，也不以人观己，要脚踏实地做事，坚持自己的梦想和本心。</p>
 </section> 
</section> 
</article>


<footer class="footer"> 
<p>© 2003 谭茵.文档最后更新时间为 <time>2021年11月20日</time>.</p> </footer>
<!-- 侧栏 --> 
<aside> 
<ul> 
<li> 
<a href="https://gitee.com/itsay/resume" target="_blank">源代码</a> </li>
 <li>
 <a href="http://if2er.com/" target="_blank">Blog</a>
 </li>
 </ul>
 </aside>
<script src="./assets/js/index.js"></script>
</body>

</html>
